.bg {
  background-image: url("./img/bg.png");
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1366px;
  height: 768px;
  z-index: 2;

}

.squir1 {
  background-color: rgb(225, 242, 249);
  opacity: 0.3;
  position: absolute;
  left: 85px;
  top: 202px;
  width: 118px;
  height: 162px;
  z-index: 7;
}

.squir2 {
  background-color: rgb(225, 242, 249);
  opacity: 0.3;
  position: absolute;
  left: 157px;
  top: 363px;
  width: 135px;
  height: 165px;
  z-index: 8;
}


.p1 {
  font-size: 35px;
  font-family: "Microsoft YaHei UI";
  color: rgb(107, 185, 218);
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  position: absolute;
  left: 213px;
  top: 239px;
  z-index: 9;
  writing-mode: tb-rl;
}

.p2 {
  height: 500px;
  font-size: 20px;
  font-family: "Microsoft YaHei UI";
  color: rgb(255, 255, 255);
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  position: absolute;
  left: 173px;
  top: 180px;
  z-index: 11;
  writing-mode: tb-rl;
}

.p3 {
  font-size: 22px;
  font-family: "Microsoft YaHei UI";
  color: rgb(254, 254, 254);
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  position: absolute;
  left: 133px;
  top: 197px;
  z-index: 10;
  writing-mode: tb-rl;
}


.login {
  border-radius: 20px;
  background-color: rgb(239, 239, 240);
  opacity: 0.9;
  position: absolute;
  left: 925px;
  top: 223px;
  width: 359px;
  height: 359px;
  z-index: 3;
}

.welcome {
  font-size: 17.382px;
  font-family: "Microsoft YaHei UI";
  color: rgb(150, 163, 176);
  line-height: 1.2;
  position: relative;
  left: 30px;
  z-index: 14;
}

.login_system {
  font-size: 26px;
  font-family: "Microsoft YaHei UI";
  color: rgb(78, 78, 78);
  font-weight: bold;
  line-height: 1.2;
  position: relative;
  left: 30px;
  bottom: 20px;
  width: 143px;
  height: 34px;
  z-index: 13;
}

.username {
  font-size: 15px;
  font-family: "Microsoft YaHei UI";
  color: rgb(115, 116, 116);
  line-height: 1.2;
  position: relative;
  left: 20px;
  z-index: 15;
}

.input {
  border-width: 1px;
  border-color: rgb(223, 239, 255);
  border-style: solid;
  border-radius: 5px;
  /* background-color: rgb(241, 241, 241); */
  background-color: white;
  opacity: 1;
  position: relative;
  left: 70px;
  bottom: 58px;
  width: 256px;
  height: 37px;
  z-index: 17;
}

.username_img {
  background-image: url("./img/username.png");
  position: relative;
  left: 80px;
  bottom: 30px;
  width: 12px;
  height: 14px;
  z-index: 21;
}

.pwd {
  font-size: 15px;
  font-family: "Microsoft YaHei UI";
  color: rgb(115, 116, 116);
  line-height: 1.2;
  position: relative;
  left: 20px;
  bottom: 30px;
  z-index: 18;
}

.pwd_img {
  background-image: url("./img/pwd.png");
  position: relative;
  bottom: 60px;
  left: 80px;
  width: 12px;
  height: 13px;
  z-index: 22;
}

.input2 {
  border-width: 1px;
  border-color: rgb(223, 239, 255);
  border-style: solid;
  border-radius: 5px;
  /* background-color: rgb(241, 241, 241); */
  background-color: white;
  opacity: 1;
  position: relative;
  left: 70px;
  bottom: 85px;
  width: 256px;
  height: 36px;
  z-index: 16;
  opacity: 1;
}

.login_button {
  background-color: rgb(64, 158, 255);
  position: relative;
  left: 40px;
  width: 290px;
  height: 39px;
  z-index: 19;
  border-radius: 30px;
  bottom: 60px;
}

.login_text{
  font-size: 15px;
  font-family: "Microsoft YaHei UI";
  color: rgb(244, 244, 245);
  line-height: 1.2;
  text-align: center;
  position: relative;
  z-index: 20;
  top: 10px;
}

.foot {
  font-size: 13px;
  font-family: "Microsoft YaHei UI";
  color: rgb(86, 86, 86);
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  position: absolute;
  left: 450px;
  top: 719.765px;
  z-index: 12;
}

.foot_b{
  font-size: 18px;
  font-family: "Microsoft YaHei UI";
  color: rgb(64, 158, 255);
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  position: absolute;
  left: 1091px;
  top: 714px;
  z-index: 5;
}

.foot_w {
  font-size: 25px;
  font-family: "Microsoft YaHei UI";
  color: rgba(215, 232, 250, 0.302);
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  position: absolute;
  left: 1100px;
  top: 695px;
  z-index: 4;
}




